<!DOCTYPE html>
<html>
<head>
    <title><g:layoutTitle default="Online Survey System"/></title>
    <link rel="stylesheet" href="${resource(dir:'css',file:'main.css')}" />
    <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon"/>
    <link rel="stylesheet" href="${resource(dir: 'js/flexigrid/css', file: 'flexigrid.css')}"/>
    <link rel="stylesheet" href="${resource(dir: 'js/slideDownBoxMenu/css', file: 'style.css')}" type="text/css" media="screen"/>
    <link rel="stylesheet" href="${resource(dir: 'js/message-renderer', file: 'message-renderer.css')}"/>
    <link rel="stylesheet" href="${resource(dir: 'js/validation/css', file: 'validationEngine.jquery.css')}">
    <link rel="stylesheet" href="${resource(dir: 'js/validation/css', file: 'template.css')}">

    <g:layoutHead />
    <g:javascript library="jquery" plugin="jquery" src="jquery/jquery-1.7.min.js"/>
    <g:javascript src="jquery/ui/jquery.ui.dialog.min.js"/>
    <g:javascript src="flexigrid/js/flexigrid.js"/>
    <g:javascript src="flexigrid/js/flexigrid.pack.js"/>
    <g:javascript src="form/jquery.uniform.js"/>
    <g:javascript library="application" />

    <g:javascript src="common.js"/>
    <g:javascript src="jquery.format.1.05.js"/>
    <g:javascript src="jquery.templateRenderer.js"/>
    <g:javascript src="message-renderer/message-renderer.js"/>

    <g:javascript src="jquery/jgrowl-1.2.5/jquery.jgrowl_compressed.js"/>
    <g:javascript src="validation/js/jquery.validationEngine-en.js"/>
    <g:javascript src="validation/js/jquery.validationEngine.js"/>
    <g:javascript src="jquery/maskedinput-1.2.2/jquery.maskedinput-1.2.2.min.js"/>
    <g:javascript src="jquery/maskedinput-1.2.2/jquery.maskedinput-1.2.2.min.js"/>


    <script type="text/javascript" charset="utf-8">
        $(function () {
            $("input, textarea, select, button").uniform();
        });
    </script>

    <style>
    /*.layout-body{*/
        /*position: relative;*/
        /*visibility: visible;*/
    /*}*/
    </style>
</head>

<body>
<div class="header" style="height: 60px;border: 2px solid green;">
Header
</div>

<div class="menu" style="border:1px solid #00008B; height: 85px; margin-top: 2px;">
<g:render template="/layouts/menuItems"/>
</div>
<div class="layout-body" style="border: 1px solid #000000; margin-top: 2px;">
<g:layoutBody/>
<div class="layout-body-content" style="width: 800px; margin-top: 2px;">
     <br/>
</div>
</div>
 <div class="footer" style="border: 1px solid green; bottom:0px; position: fixed; width: 100%;">
     footer
 </div>

</body>
</html>